<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <th:block th:include="include :: header('学生做实验页面')" />
    <th:block th:include="include :: summernote-css"/>
</head>
<body class="gray-bg">
    <div class="container">
        <div style="text-align: center">
            <br><br>
            <h2 th:text="${onlineExperimentStu.onlineExperimentTea.experimentTeaName}"></h2>
            <br>
            <h3>实验时间</h3>
            <span th:text="${#dates.format(onlineExperimentStu.onlineExperimentTea.experimentTeaBeginTime,'yyyy-MM-dd')}+'--'+${#dates.format(onlineExperimentStu.onlineExperimentTea.experimentTeaEndTime,'yyyy-MM-dd')}"></span>
            <br>
            <br>
            <br>
            <h3>在线实验结果</h3>
            <input th:value="${onlineExperimentStu.u3dScore}" type="text" id="u3dMessage" hidden="hidden"/>
            <div class="row" >
                <div class="col-md-3"></div>
                <div class="col-md-6" id="u3dScore" style="border: 1px solid gainsboro;  box-shadow: 0px 0px 4px gainsboro; border-radius:20px ;background-color: white;">
                    <table class="table" id="dataTable">

                    </table>
                </div>
                <div class="col-md-3"></div>
            </div>
            <br>
            <h3>实验报告</h3>
        </div>
        <input th:value="${onlineExperimentStu.experimentReport}" type="text" id="report" hidden="hidden"/>
        <div class="col-md-12">
            <div class="summernote">

            </div>
        </div>
        <div style="text-align: center">
            <br>
            <h3>教师评语</h3>
            <div>
                <p th:text="${onlineExperimentStu.teacherComment}"></p>
            </div>
            <h3>批改分数</h3>
            <div>
                <p th:text="${onlineExperimentStu.teacherScore}"></p>
            </div>
        </div>
    </div>
<th:block th:include="include :: footer" />
<th:block th:include="include :: summernote-js" />
</body>
<script>
    $(function(){
        var u3dScore=$("#u3dMessage").val();
        var array=new Array();
        array=u3dScore.split("/");
        for(var i=0;i<array.length;i++){
            $("#dataTable").append("<tr><td>"+array[i]+"</td></tr>");
        }

        $('.summernote').summernote({
            placeholder: '实验报告内容',
            height : 500,
            lang : 'zh-CN',
            followingToolbar: false,
        });
        $(".summernote").summernote('code',$("#report").val());
        $('.summernote').summernote('disable');
    })
</script>
</html>